<script>
export default {
    name: 'ECharts',
    data() {
        return {
            // 排名轮播表
            scrollBoardConfig: {
                header: ['园区名称', '信访时间', '信访内容'],
                data: [
                ['新长城中心', '2024-11-12 12:02', '何*先生反应F区有较大异味'],
                ['谷露产业园', '2024-11-22 11:02', '杨*女生反应商店货物过期'],
                [
                    '<span style="color:#FB5430;">谷露产业园</span>', 
                    '<span style="color:#FB5430;">2024-09-11 12:42</span>', 
                    '<span style="color:#FB5430;">李*先生A区下水道排水不佳</span>'
                ],
                ['杰达科技园', '2024-11-08 15:12', '吴*先生女生反应南京路晚上有噪音'],
                ['科创产业园', '2024-10-12 08:32', '刘*女生反应北京路伴晚烟雾弥漫'],
                ['电科软件园', '2024-11-01 09:13', '李*女生反应商店货物过期'],
                ['海信企业广场', '2024-11-01 10:11', '吴*女生反应F区有较大异味'],
                ['谷露产业园', '2024-10-31 05:10', '李*女生反应F区有较大异味'],
                ['科创产业园', '2024-12-11 11:11', '王*先生A区下水道排水不佳'],
                ['谷露产业园', '2024-11-11 14:58', '马*女生反应F区有较大异味']
                ],
                index: false,
                columnWidth: [100, 140],
                align: ['center'],
                headerBGC: "#3490BA",//表头背景色
            }
        }
    },
    mounted() {
        this.initChart()
    },
    methods: {
        initChart() {
            
        }
    }
}
</script>
<template>
    <dv-border-box-12 style="width: 100%; height: 100%;">
        <div style="width: 100%; height: 100%;position: relative;">
            <div style="position: absolute;top: 20px;left: 20px;font-weight: 700;font-size: 18px;">信访处理</div>
            <dv-scroll-board :config="scrollBoardConfig" style="width: 90%;height: 74%;position: absolute;top: 50px; left: 50%;transform: translateX(-50%);" />
            <!-- <dv-scroll-ranking-board :config="scrollConfig"
                style=" width: 88%; height: 75%;position: absolute; top: 50px; left: 50%;transform: translateX(-50%);" /> -->
        </div>
      </dv-border-box-12>
</template>